body {
    background-color: #f1f1f1;
}

.mui-slider-indicator.mui-segmented-control {
    background-color: #fff;
}

.mui-col-xs-4 {
    width: 25%;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    color: #5985A2;
    font-size: 16px;
    font-weight: 550;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item {
    color: #322926;
}

.mui-segmented-control .mui-control-item {
    font-size: 16px;
    font-weight: 500;
}

.mui-segmented-control.mui-segmented-control-inverted~.mui-slider-progress-bar {
    background-color: #5985A2;
}

.mui-slider-progress-bar {
    height: 1px;
}

.mui-slider-group {
    background-color: #f1f1f1;
}

.mui-control-content {
    background-color: #f1f1f1!important;
}

/* ----------------------- 待消费 ----------------------- */
.mui-slider .mui-segmented-control.mui-segmented-control-inverted~.mui-slider-group .mui-slider-item {
    border: none;
}

.item1waiting {
    background-color: #fff;
    padding: 0 4%;
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
    color: #322926;
}

.item1waittitle {
    font-size: 14px;
    
}

.item1waitnum {
    font-size: 12px;
}

/* 评分模块 */
.grade {
    background-color: #fff;
    width: 100%;
    margin-top: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
}

.store_grade {
    width: 49.75%;
}

.grade_center {
    width: 0.5%;
    background-color: #f1f1f1;
    height: 100%;
}

.takepartin_grade {
    width: 49.75%;
}

.grade_top {
    font-size: 20px;
    color: #322926;
}

.grade_top span {
    font-size: 12px;
}

.grade_bottom {
    font-size: 12px;
    color: #5C5450;
}

/* 门店地址 */
.hair_address {
    display: flex;
    justify-content: flex-start;
    background-color: #fff;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
}

.dian {
    margin-left: 4%;
    width: 13px;
    height: 13px;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 13px;
    background-color: #5985A2;
    border-radius: 3px;
    margin-right: 8px;
}

.hair_address text {
    color: #5985A2;
    font-size: 14px;
}

.add_right {
    width: 3%;
    text-align: center;
    color: #5985A2;
    font-size: 14px;
    position: absolute;
    right: 4%;
}

/* 排号详细信息 */
.details_store {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    padding: 0 4%;
    font-size: 14px;
    color: #322926;
    border-bottom: 1px solid #f1f1f1;
}

.hint {
    font-size: 12px;
    color: #5985A2;
    text-align: center;
    margin: 10px 0;
}

.cancel {
    width: 90%;
    margin: 0 5%;
    background-color: #322926;
    font-size: 16px;
    color: #fff;
    border-radius: 6px;
    border: none;
}

/* 弹出层样式 */
#div {
    width: 0px;
    height: 0px;
    background-color: red;
    position: fixed;
    top: 70%;
    left: 50%;
}

.mui-popover .mui-popover-arrow:after {
    width: 0;
}

.mui_popover-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.popover_title {
    font-size: 18px;
    color: #322926;
    margin: 20px 0 15%;
}

.popover_price p {
    font-size: 14px;
    color: #5985A2;
    height: 16px;
    line-height: 16px;
}

.popover_btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15% 10% 10%;
}

.popover_cancel,
.popover_giveup {
    width: 100px;
    height: 40px;
    border-radius: 6px;
    color: #fff;
    background-color: #322926;
    border: none;
    font-size: 16px;
}

.popover_giveup {
     background-color: #5C5450;
 }

 /* ---------------------- 服务中 ---------------------- */
.line_up-num {
    width: 100%;
}

#confirm_pay {
    margin-top: 10px;
}

/* 选择优惠券支付方式页面 */
.cut_coupons {
    margin-top: 10px;
}

.item2pay {
    display: none;
}

.item2pay_wait {
    margin-bottom: 5px;
}

.coupon_left span {
    display: inline-block;
    height: 15px;
    line-height: 15px;
    background-color: #5985A2;
    font-size: 10px;
    color: #fff;
    padding: 1px 2px;
    border-radius: 3px;
    margin-left: 3px;
}

.coupon_right_blue {
    color: #5985A2;
}

.coupon_right img {
    display: inline-block;
    width: 25px!important;
    height: 25px;
    margin-right: 5px;
}

.coupon_right {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.agree_protocol {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 20px 4%;
}

.agree_protocol img {
    width: 25px!important;
    height: 25px;
}

.agree_protocol text {
    margin-left: 8px;
}

.agree_protocol text a {
    color: #5985A2;
}

/* 底部确认价格 */
.footer_confirmpay {
    display: none;
    position: fixed;
    bottom: 0;
    background-color: #fff;
    justify-content: space-between;
    padding: 0 4%;
    width: 100%;
    align-items: center;
}

.footer_price {
    font-size: 14px;
    color: #322926;
}

.footer_price text {
    font-size: 20px;
    color: #5985A2;
}

.footer_price span {
    font-size: 12px;
}

.footer_btn {
    border: none;
    background-color: #322926;
    color: #fff;
    width: 25%;
    height: 50%;
    border-radius: 6px;
    font-size: 16px;
}

/* ---------------------- 已取消/过号 --------------------- */
.again_btn {
    margin-top: 20px;
}

/* ---------------------- 已完成 --------------------- */
.finished_details {
    background-color: #fff;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 4%;
    border-top: 1px solid #f1f1f1;
}

.finished_details_left,
.finished_details_right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fininshed_details_name {
    margin-top: 8px;
    font-size: 12px;
    color: #322926;
}

.finished_details_price {
    font-size: 20px;
    color: #5985A2;
    margin-bottom: 12px;
}

.finished_details_price span{
    font-size: 12px;
}

.finished_details_datetime {
    font-size: 12px;
    color: #322926;
    margin-top: 8px;
}

.finished_details_evaluate {
    width: 90%;
    background-color: #322926;
    font-size: 15px;
    color: #fff;
    margin-left: 10%;
    margin-bottom: 12px;
    border-radius: 6px;
    border: none;
}

.lookfor_order {
    background-color: #5C5450;
}